<template lang="">
  <div>
    <h2>{{ showName }}</h2>
    姓:<input type="text" v-model="frllName" /> <br />名:<input
      type="text"
      v-model="lastName"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      frllName: "zz",
      lastName: "zz",
    };
  },
  computed: {
    showName() {
      return (
        this.frllName.slice(0, 1).toUpperCase() +
        this.frllName.slice(1) +
        "-" +
        this.lastName
      );
    },
  },
};
</script>
<style scoped></style>
